<template>
  <div class="ybox">
    <h3>{{timelimit.title}}</h3>
    <div class="timediv">
      <div  class="timebox" v-for="(item,index) in timelimit.listData[0].items64" :key="index">
        <div class="timeitem">
          <img :src="item[0].image" alt="">
          <span>{{item[0].desc}}</span>
          <span>{{item[0].title}}</span>
        </div>
      </div>
<<<<<<< HEAD
       <!-- <div  class="timebox" v-for="(item,index) in timelimit.listData[1].items64" :key="index">
=======
       <div  class="timebox" v-for="(item,index) in timelimit.listData[1].items64" :key="index">
>>>>>>> 55502f036920954b4c2518ec5e0ffdcaa14d2b07
        <div class="timeitem">
          <img :src="item[0].image" alt="">
          <span>{{item[0].desc}}</span>
          <span>{{item[0].title}}</span>
        </div>
<<<<<<< HEAD
      </div> -->
=======
      </div>
>>>>>>> 55502f036920954b4c2518ec5e0ffdcaa14d2b07
    </div>
  </div>
</template>

<script>
import { ytimelimit } from "../services";
export default {
  data() {
    return {
      timelimit: {},
    };
  },
  async created() {
    let timelimits = await ytimelimit({
      cityId: 19,
      mwAuthToken:
        "uPCQvKl9RhX5r9SGP2noD0Ei0D3egOAN8IrKQ9lIY-BS0nZ8NKqZIMOel3oNkoUYqt1nY0hUNta9hRq21za9H6UYXmpdLdIF3rNSY-BJe8dSyjtwNeGpX-CQ8uF7Ta5STgOM6gTRMjsyKeRzn1THL1HmnqxwxOXKAeILznDd0kQk76KO8HwGuqOwEdLWC2o3hz62dBrm1u2ZIbmPpChaX-Ce3QuHcg-Z-Z",
<<<<<<< HEAD
      fromw: 1401,
    });
    this.timelimit=timelimits.data[0];
=======
      mAuthToken:
        "uPCQvKl9RhX5r9SGP2noD0Ei0D3egOAN8IrKQ9lIY-BS0nZ8NKqZIMOel3oNkoUYqt1nY0hUNta9hRq21za9H6UYXmpdLdIF3rNSY-BJe8dSyjtwNeGpX-CQ8uF7Ta5STgOM6gTRMjsyKeRzn1THL1HmnqxwxOXKAeILznDd0kQk76KO8HwGuqOwEdLWC2o3hz62dBrm1u2ZIbmPpChaX-Ce3QuHcg-Z-Z",
      fromw: 1401,
    });
    this.timelimit=timelimits.data[0];
    console.log("y",timelimits.data[0]);
>>>>>>> 55502f036920954b4c2518ec5e0ffdcaa14d2b07
  },
};
</script>

<style lang="scss">
.ybox{
  width: 100%;
  height: 500px;
  background-color: red;
  display: flex;
  flex-direction: column;
}
.timebox{
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: column;
}
.timeitem{
  width: 50%;
  height: 100%;
}
img{
  width: 100px;
  height: 100px;
}
</style>